<template>
    <div class="listItems mb-[20px]">
        <p class="text-[#555555] text-sm">{{ listItem.title }}</p>
        <div class="flex items-center mt-[16px]">
            <img src="@img/clock.jpg" alt="" class="w-[24px] h-[24px] mr-[10px]">
            <span class="text-ssm text-[#999999]">{{ listItem.date }}</span>
        </div>  
    </div>
</template>
<script setup>
  const props = defineProps(['listItem'])
</script>
<style scoped lang="scss">
  .listItems{
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px;
  }
</style>